<template>
	<view class="page">
		<image src="../../static/register/top2.jpg" mode="widthFix" class="top" />
		<view class="location-container">
			<view class="left">
				<image src="../../static/register/location.png" mode="widthFix" class="location"></image>
				<text>代驾服务地点</text>
			</view>
			<view class="right">{{cityName}}</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">入驻条件</text>
			</view>
			<view class="list">
				<view class="item">
					<text>1.</text>
					三年安全驾驶经验；
				</view>
				<view class="item">
					<text>2.</text>
					年龄23~55周岁；
				</view>
				<view class="item">
					<text>3.</text>
					无违法犯罪记录、无精神病史、无吸毒史，以及平台认为不适合代驾的其他历史证明；
				</view>
				<view class="item">
					<text>4.</text>
					有熟练驾车经验；
				</view>
				<view class="item">
					<text>5.</text>
					身体健康，无肢体残疾和大面积纹身；
				</view>
				<view class="item">
					<text>6.</text>
					需要提供身份证、驾驶证、直系亲属联系方式，并保存前述材料的真实合法性；
				</view>
			</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">入驻流程</text>
			</view>
			<view class="list">
				<view class="complex-item">
					<view class="left">01</view>
					<view class="right">
						<text class="item-title">在线注册账号</text>
						<text class="item-desc">在小程序完成注册</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">02</view>
					<view class="right">
						<text class="item-title">司机信息填写</text>
						<text class="item-desc">按照流程提交本人身份证、驾驶证</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">03</view>
					<view class="right">
						<text class="item-title">证件资料审核</text>
						<text class="item-desc">对提交证件进行审核</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">04</view>
					<view class="right">
						<text class="item-title">签署合同</text>
						<text class="item-desc">收到邮寄的合同后必须本人签署并寄回</text>
					</view>
				</view>
			</view>
		</view>
		<!-- <button class="btn" @tap="wxRegister" >司机注册</button> -->
		<button class="btn" open-type="getPhoneNumber" @getphonenumber="wxChatRegister" >司机注册</button>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
var QQMapWX = require('../../lib/qqmap-wx-jssdk.min.js');
var qqmapsdk;
export default {
	data() {
		return {
			code: null,
			cityName:"未知"
		};
	},
	onLoad() {
    this.getLocation();
    this.initMap();
  },
	methods: {
    //获取当前地理位置
    getLocation(){
      let _this = this;
      uni.getLocation({
        type: 'gcj02',
        isHighAccuracy:true,
        success: function (res) {
          console.log('当前位置的经度：' + res.longitude);
          console.log('当前位置的纬度：' + res.latitude);
          _this.reverseGeocoder(res.longitude, res.latitude);
        }
      });
    },
    //加载地图组件
    //作用域this 在方法层级里面使用了多可以指向会发生改变
    initMap(){
      let _this = this//vue自己this 可以反正this的指向发生改变
      qqmapsdk = new QQMapWX({
        key: _this.Consts.QQMAP_KEY
      });
    },

    //坐标转换
    reverseGeocoder(longitude,latitude){
      let _this = this;
      qqmapsdk.reverseGeocoder({
        location: {
          latitude: latitude,
          longitude: longitude
        },
        success: function(res) {
          if(res.status == 0 && res.result != null && res.result.address_component.city != null){
            _this.cityName = res.result.address_component.city
          }
        },
        fail: function(error) {
          _this.cityName = "城市加载失败"
          console.error(error);
        },
      });
    },
    //微信注册
    wxChatRegister(e){
      console.log(e.detail.code)  // 动态令牌
      console.log(e.detail.errMsg) // 回调信息（成功失败都会返回）
      console.log(e.detail.errno)  // 错误码（失败时返回）
      let code = e.detail.code?e.detail.code:"11111111111";
      let _this = this;
      wx.login({
        success (res) {
          if (res.code) {
            //发起网络请求  新的网络请求  请求你的后台
            console.log(res.code)
            //发送后端要用json    const let ver
            const param = {
                "code":res.code,
                "phoneCode":code,
            }
            _this.post("/driver/app/driver",param,(res)=>{
              console.log(res)
            })
          } else {
            console.log('登录失败！' + res.errMsg)
          }
        }
      })
    }
	}
};
</script>

<style lang="less">
@import url('register.less');
</style>
